@media screen and (max-width: 750px) {

    @for $i from 1 through 750 {
        .size-#{$i} {
            font-size: #{$i}rpx;
        }

        .width-#{$i} {
            width: #{$i}rpx;
        }

        .height-#{$i} {
            height: #{$i}rpx;
        }

        .border-width-#{$i} {
            border-width: #{$i}rpx;
        }

        .border-radius-#{$i} {
            border-radius: #{$i}rpx;
        }

        .margin-#{$i} {
            margin: #{$i}rpx;
        }

        .margin-top-#{$i} {
            margin-top: #{$i}rpx;
        }

        .margin-right-#{$i} {
            margin-right: #{$i}rpx;
        }

        .margin-bottom-#{$i} {
            margin-bottom: #{$i}rpx;
        }

        .margin-left-#{$i} {
            margin-left: #{$i}rpx;
        }

        .padding-#{$i} {
            padding: #{$i}rpx;
        }

        .padding-top-#{$i} {
            padding-top: #{$i}rpx;
        }

        .padding-right-#{$i} {
            padding-right: #{$i}rpx;
        }

        .padding-bottom-#{$i} {
            padding-bottom: #{$i}rpx;
        }

        .padding-left-#{$i} {
            padding-left: #{$i}rpx;
        }

        .line-height-#{$i} {
            line-height: #{$i}rpx;
        }
    }
}

@media screen and (min-width: 751px) {

    // 生成1px-750px的尺寸，例如.size-10{ font-size: 10px; }
    @for $i from 1 through 750 {
        .size-#{$i} {
            font-size: #{$i}px;
        }

        .width-#{$i} {
            width: #{$i}px;
        }

        .height-#{$i} {
            height: #{$i}px;
        }

        .border-width-#{$i} {
            border-width: #{$i}px;
        }

        .border-radius-#{$i} {
            border-radius: #{$i}px;
        }

        .margin-#{$i} {
            margin: #{$i}px;
        }

        .margin-top-#{$i} {
            margin-top: #{$i}px;
        }

        .margin-right-#{$i} {
            margin-right: #{$i}px;
        }

        .margin-bottom-#{$i} {
            margin-bottom: #{$i}px;
        }

        .margin-left-#{$i} {
            margin-left: #{$i}px;
        }

        .padding-#{$i} {
            padding: #{$i}px;
        }

        .padding-top-#{$i} {
            padding-top: #{$i}px;
        }

        .padding-right-#{$i} {
            padding-right: #{$i}px;
        }

        .padding-bottom-#{$i} {
            padding-bottom: #{$i}px;
        }

        .padding-left-#{$i} {
            padding-left: #{$i}px;
        }
        
        .line-height-#{$i} {
            line-height: #{$i}px;
        }
    }
}